<template>
  <div >
    <!-- {{http}} -->
    <ul>
      <li v-for="item in str" :key="item">{{item}}</li>
    </ul>
  </div>
</template>

<script>
export default{
 //computed:{
  // watch:{
  //     http(){
  //         //return this.axios;
  //         this.axios.get('http://localhost:8080/data.json',{
  //           params:{
  //             id:1
  //           }
  //         })
  //         .then((res)=>{
  //           console.log(res.data);
  //         })
  //         this.axios.post('http://localhost:8080/data.json',{
  //           id:1
  //         })
  //         .then((res)=>{
  //           console.log(res.data);
  //         })
  //     }
  // }
  data(){
    return{
      str:123
    }
  },
  beforeCreate(){
    console.log(1);
  },
  created(){
    console.log(2);
  },
  mounted(){
    let That=this;
    this.axios.get("http://localhost:8080/data.json")
    .then((res)=>{
      //console.log(res.data);
      That.str=res.data.arr;
    })
    //console.log('onload');
  }
}
</script>

<style>

</style>
